<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="js/layui/layui/css/layui.css" />
	</head>
	<body>
			<label class="layui-form-label">记录列表</label>
		<form class="layui-form layui-form-pane" >
		 <div class="layui-form-item" >
		    <label class="layui-form-label" pane>姓名</label>
		    <div class="layui-input-inline">
		      <input type="text" name="name" placeholder="姓名" autocomplete="off" class="layui-input">
		    </div>
			</div>
			
			 <div class="layui-form-item">
			    <label class="layui-form-label">性別</label>
			    <div class="layui-input-block">
			      <input type="radio" name="sex" value="男" title="男">
			      <input type="radio" name="sex" value="女" title="女" checked>
			    </div>
			  </div>
			  
			  
			  
			   <div class="layui-form-item">
			      <label class="layui-form-label">愛好</label>
			      <div class="layui-input-block">
			        <input type="checkbox" name="hobby" value="跑步" id="paobu" title="跑步" >
			        <input type="checkbox" name="hobby" value="游泳" id="youyong" title="游泳"  checked>
			        <input type="checkbox" name="hobby" value="羽毛球" id="yumaoqiu" title="羽毛球" ">
			      </div>
			    </div>
				
				<div class="layui-form-item">
				    <label class="layui-form-label">地址</label>
				    <div class="layui-input-inline">
				      <select name="addr" lay-verify="required" id="dizhi">
				        
				        <option value="北京">北京</option>
				        <option value="青岛">青岛</option>
				        <option value="武汉">武汉</option>
				        <option value="哈尔滨">哈尔滨</option>
				        <option value="潍坊">潍坊</option>
				      </select>
				    </div>
					<input type="button" class="layui-btn " onclick="add()" value="添加">
				  </div>
				  
				  
				  
				  <div class="layui-form-item" >
				     <label class="layui-form-label" pane>姓名</label>
				     <div class="layui-input-inline">
				       <input type="text" name="name2"  required  lay-verify="required" placeholder="姓名" autocomplete="off" class="layui-input">
				     </div>
					 <label class="layui-form-label" pane>地址</label>
					 <div class="layui-input-inline">
					   <select name="city" lay-verify="required" id="soudizhi">
					     <option value="">全部</option>
					     <option value="北京">北京</option>
					     <option value="青岛">青岛</option>
					     <option value="武汉">武汉</option>
					     <option value="哈尔滨">哈尔滨</option>
					     <option value="潍坊">潍坊</option>
					   </select>
					 </div>
					 <input type="button" class="layui-btn" onclick="sel()" value="搜索">
					
					 </div>
					 
			</form>
			
			<form>
			<table class="layui-table">
			  <colgroup>
			    <col width="150">
			    <col width="200">
			    <col>
			  </colgroup>
			  <thead>
			    <tr>
			      <th>ID</th>
			      <th>姓名</th>
			      <th>性别</th>
				  <th>爱好</th>
				  <th>地址</th>
				  <th>操作</th>
			    </tr> 
			  </thead>
			  <tbody id="tbody" >
			   
			  </tbody>
			</table>
			</form>
		<script src="js/jquery-3.6.0.min.js"></script>
		<script src="./js/layui/layui/layui.js"></script>
		<script src="./js/lian2_shi.js"></script>
	</body>
</html>
